<div class="article-item">
  <section class="article-card card-container content-padding-large soft-size--large soft-style--box">
    <div class="card-cover" {{ with .Params.cover -}} background-image-lazy data-img="{{ . }}" {{- end }}></div>
    <div class="card-text">
      <a href="{{ .Permalink | safeURL }}"><h4 class="card-text--title">{{ .Title }}</h4></a>

      <p class="card-text--row">{{- .Date.Format "January 2, 2006" -}}</p>
      
      {{ $taxo := "categories" }}
      {{ with .Param $taxo }}
        <ul class="card-text--tag">
          {{ range $index, $director := . }}
            {{ with $.Site.GetPage (printf "/%s/%s" $taxo $director) -}}
              <li><a href="{{ .Permalink | safeURL }}">{{ $director }}</a></li>
            {{- end -}}
          {{- end -}}
        </ul>
      {{ end }}

      {{ $taxo := "tags" }}
      {{ with .Param $taxo }}
        <ul class="card-text--tag">
          {{ range $index, $director := . }}
            {{ with $.Site.GetPage (printf "/%s/%s" $taxo $director) -}}
              <li><a href="{{ .Permalink | safeURL }}">{{ $director }}</a></li>
            {{- end -}}
          {{- end -}}
        </ul>
      {{ end }}
    </div>
  </section>
</div>